.tag-chip {
  cursor: pointer;
  flex: none;
  margin: 2px 8px 6px 0;
  padding: 1px 14px 3px 14px;
  border-radius: 14px;
  line-height: 1.25em;
  white-space: nowrap;
  background: $studio-gray-5;
  text-decoration: none;
  font-size: 14px;
  -webkit-tap-highlight-color: transparent;

  &.selected,
  &:hover {
    background: $studio-simplenote-blue-5;
  }
}

.theme-dark {
  .tag-chip {
    background: $studio-gray-70;
    color: $studio-gray-20;

    &.selected,
    &:hover {
      background: $studio-gray-70;
      color: $studio-white;
    }
  }
}
